<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>用户中心</title>
    <!-- 引入 WeUI CDN 链接 -->
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css"/>
    <link rel="stylesheet" href="./css/base.css"/>
    <style>
        .weui-grid {
            width: 50%;
            padding: 12px;
        }
    </style>
</head>
<body>
        <div class="weui-tab" style="background-color: #f7f7f7">
            <div style="height: 100px;background-color: #222"></div>
            <div style="position: relative;top: -23px;width: 90%;height: 100px;margin: 0 auto;border-radius: 8px;background-color: #fff;">
                <img src="./img/avatar.jpeg" style="margin: 0 auto;display:block;width: 80px;position:relative;top: -40px;border-radius: 50%" alt="">
                <p style="font-size: 16px;color: #333;text-align: center;margin-top: -35px">
                    {{$user['nickname'] }}
                </p>
                <p style="font-size: 14px;color: #444;text-align: center;">
                    {{'注册时间: ' . substr($user['create_time'], 0, 10) . ' | 编号: ' . $user['id']}}
                </p>
            </div>
            <div class="weui-tab__panel" >
                <div class="weui-grids" style="background-color: #fff;">
                    <a href="javascript:" class="weui-grid">
                        <div class="weui-grid__icon">
                            <img src="./img/line-wallet.png" alt="">
                        </div>
                        <p class="weui-grid__label">我的佣金</p>
                        <p class="weui-grid__label" style="color: #f02d2d">{{$user['commission']}}</p>

                    </a>
                    <a href="/recommend" class="weui-grid">
                        <div class="weui-grid__icon">
                            <img src="./img/line-add-user.png" alt="">
                        </div>
                        <p class="weui-grid__label">我的直推</p>
                        <p class="weui-grid__label">{{$user['direct_user']}}</p>
                    </a>
                    <a href="./withdraw" class="weui-grid">
                        <div class="weui-grid__icon">
                            <img src="./img/line-purchase.png" alt="">
                        </div>
                        <p class="weui-grid__label">佣金提现</p>
                        <p class="weui-grid__label">&nbsp;</p>
                    </a>
                    <a href="javascript:" class="weui-grid">
                        <div class="weui-grid__icon">
                            <img src="./img/line-user-management.png" alt="">
                        </div>
                        <p class="weui-grid__label">二级团队</p>
                        <p class="weui-grid__label">{{$user['second_user']}}</p>
                    </a>
                    <a href="/commission_log" class="weui-grid">
                        <div class="weui-grid__icon">
                            <img src="./img/line-list.png" alt="">
                        </div>
                        <p class="weui-grid__label">佣金记录</p>
                        <p class="weui-grid__label">&nbsp;</p>
                    </a>
                    <a hrerf="javascript:" class="weui-grid">
                        <div class="weui-grid__icon">
                            <img src="./img/line-user.png" alt="">
                        </div>
                        <p class="weui-grid__label">团队人数</p>
                        <p class="weui-grid__label">{{$user['all_user']}}</p>
                    </a>
                    <a href="javascript:" class="weui-grid">
                        <div class="weui-grid__icon">
                            <img src="./img/line-an-crown.png" alt="">
                        </div>
                        <p class="weui-grid__label">总的业绩</p>
                        <p class="weui-grid__label" style="color: #f02d2d">{{$user['achievement']}}</p>
                    </a>
                    <a href="./login.html" class="weui-grid">
                        <div class="weui-grid__icon">
                            <img src="./img/line-logout.png" alt="">
                        </div>
                        <p class="weui-grid__label">退出登录</p>
                        <p class="weui-grid__label">&nbsp;</p>
                    </a>

                </div>
            </div>
            <div class="weui-tabbar">
                <div class="weui-tabbar__item">
                    <a href="./tuiguang">
                        <img src="./img/share.png" alt="" class="weui-tabbar__icon">
                        <p class="weui-tabbar__label">我要推广</p>
                    </a>
                </div>
                <div class="weui-tabbar__item">
                    <a href="/">
                        <img src="./img/message.png" alt="" class="weui-tabbar__icon">
                        <p class="weui-tabbar__label">客服中心</p>
                    </a>
                </div>
                <div class="weui-tabbar__item">
                    <a href="./user">
                        <img src="./img/user.png" alt="" class="weui-tabbar__icon">
                        <p class="weui-tabbar__label">代理中心</p>
                    </a>
                </div>
            </div>
        </div>
<script src="https://cdn.bootcdn.net/ajax/libs/zepto/1.2.0/zepto.min.js"></script>
<script type="text/javascript">

</script>
</body>
</html>
